@import 'reset.css';
body
{

	font-family: Arial;
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.678em;
	background: url('../images/bg.png') repeat;
	color:#444444;

}

#top{
	width:100%;
	height:90px;
	//background:url('../images/top-bg.png') repeat-x;
}

#wrapper{
	width:960px;
	//height:900px;
	//outline:solid 1px blue;
	margin:0px auto;
	margin-top:-90px;
}

header{
	width:100%;
	height:90px;
	//outline:solid 1px black;
}

#logo{
	float:left;
	width:130px;
	//height:80px;
	//outline:solid 1px red;
}
#menu-area{
float:left;
width:520px;
height:100px;
background:url('../images/menu-bg.png') top left no-repeat;
}

#user-menu{
float:left;
width:100%;
height:100px;
//outline:solid 1px red;

}
.user-home {
    background: url("../images/home.png") no-repeat scroll left top transparent;
    display: block;
    height: 50px;
    margin-left: 55px;
    margin-top: 40px;
    position: absolute;
    width: 40px;
}

.user-home:hover{
background:url("../images/home.png") no-repeat scroll left -53px transparent;
display:block;
}

.user-profile {
    background: url("../images/profile.png") no-repeat scroll left top transparent;
    display: block;
    height: 35px;
    margin-left: 133px;
    margin-top: 16px;
    position: absolute;
    width: 55px;
}
.user-profile:hover{
 background: url("../images/profile.png") no-repeat scroll left -33px transparent;
}
.user-testi {
    background: url("../images/testimonials.png") no-repeat scroll left top transparent;
    display: block;
    height: 50px;
    margin-left: 193px;
    margin-top: 16px;
    position: absolute;
    width: 73px;
}
.user-testi:hover{
 background: url("../images/testimonials.png") no-repeat scroll left -46px transparent;
}
.user-faq{
    background: url("../images/faqs.png") no-repeat scroll left top transparent;
    display: block;
    height: 45px;
    margin-left: 265px;
    margin-top: 18px;
    position: absolute;
    width: 45px;
}
.user-faq:hover{
 background: url("../images/faqs.png") no-repeat scroll left -41px transparent;
}
.user-contct{
    background: url("../images/contact_us.png") no-repeat scroll left top transparent;
    display: block;
    height: 56px;
    margin-left: 322px;
    margin-top: 18px;
    position: absolute;
    width: 62px;
}
.user-contct:hover{
	background: url("../images/contact_us.png") no-repeat scroll left -58px transparent;
}

#wrap{
	width:960px;
	//height:700px;
	//outline:solid 1px red;
	float:left;
}

#login-area-bg,#fp-area-bg{
  	background-color: #979797;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin: 40px auto 0;
    width: 645px;
    float:left;
    margin-left:135px;
    padding-bottom: 40px;

}

#login-area,#fp-area{
	float: left;
    margin-left: 20px;
    margin-top: 15px;

    width: 600px;
}
#login-area h2,#fp-area h2{
	display:block;
	width:100%;
	border-bottom:1px solid #cdcdcd;
}

.log-error{
	background: none repeat scroll 0 0 #FFEBE8;
    border: 2px solid #FF4343;
    border-radius: 2px 2px 2px 2px;
    color: #000000;
    margin-top: 10px;
    height:auto;
	width:600px;
	color:#FF0033;
	text-align:center;
}

#login{
 	margin: 15px auto 0;
    width: 380px;
}
#login p,#forgot_pass p{
	line-height:18px;
}
#login label,#forgot_pass label{
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 1.5em;
    margin-top: 10px;
    text-align: left;
    width: 4em;
}
#login input[type="text"], #login input[type="password"],#forgot_pass input[type="text"]
{
	width:235px;
	height:30px;
	margin-bottom:5px;
	padding-left:5px;
	padding-right:5px;

}
#login input[type="checkbox"]
{
 	float: left;
    margin-left: 65px;
    margin-top: 10px;
}
#login span{
	float: left;
	margin-top:8px;
	color:#fff;
}
#login input[type="image"]
{
 	float: left;
    margin-left: 65px;
    margin-right: 5px;
}


footer{
	background: url("../images/footer_bg.png") repeat-x scroll 0 0 transparent;
	margin-top:100px;
    height: 100px;
    line-height: 1em;
    min-width: 100%;
	position:relative;
	float: left;
}
#forgot_pass{
 	margin: 15px auto 0;
    width: 425px;
}
#fp-area .error{
	color:red;
	float:right;
	margin:10px 0 0 10px;
}
.cboth{clear:both;}
/*Registration*/

#register-area-bg{
  	background-color: #c2c2c2;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin: 40px auto 0;
    width: 645px;
    float:left;
    margin-left:135px;
    padding-bottom: 40px;

}

#register-area{
	float: left;
    margin-left: 20px;
    margin-top: 15px;
    width: 600px;
}

#register-area h2{
	display: block;
	width: 100%;
	border-bottom: 1px solid #CDCDCD;
	height: 52px;
	margin-top: 12px;
	text-align: center;
}


#register{
 	margin: 15px auto 0;
    width:100%;
}
#register .reg{
	 width:100%;
	 display:block;
	// outline:solid 1px red;
	 float:left;
	 height: 36px;
}
#register p{
	//line-height:18px;
}
#register label{
	color: #444;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 1.5em;
    margin-top: 10px;
	text-align: right;
	width: 158px;
}
#register input[type="text"], #register input[type="password"]
{
	width:330px;
	height:30px;
	margin-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	margin-left: 20px;
	color:gray;


}
#register #type_wrapper{float:left;color:#000;width:346px;}
#register select{
	color:gray;
	float:left;
	margin-left: 20px;

}
#register input[type="checkbox"]
{
 	float: left;
    margin-left: 20px;
    margin-top: 10px;
}
#register span{
	float: left;
	margin-top:8px;
	color:#fff;
	margin-left: 15px;
	color:red;
}
#register input[type="image"]
{
 	float: left;
    margin-left: 65px;
    margin-right: 5px;
}
#reg_captcha{
	float: right;
	margin: -35px 127px;
}
#captcha{
	width:120px !important;
	float:left;
	height:25px !important;
	padding-top:2px;
	padding-bottom:2px;
	margin-right: 38px;

}
.reg_error{
	background: url("../images/wrong.png") no-repeat scroll 0 3px transparent;
    color: red;
    height: 15px;
    padding-left: 17px;
}
.reg_check{
	background: url("../images/check.png") no-repeat scroll 0 3px transparent;
    color: green;
    height: 16px;
    padding-left: 17px;

}

.r_error{
	background: url("../images/wrong.png") no-repeat scroll 0 5px transparent;
    color: red;
    height: 15px;
    padding-left: 17px;
    margin-left: 175px;

}
.r_check{
	background: url("../images/check.png") no-repeat scroll 0 3px transparent;
    color: green;
    height: 16px;
    padding-left: 17px;
	margin-left: 175px;
}
#terms-title22{
	float:left;
	padding: 5px 5px 0;
    width: 530px;
	border-bottom: 1px solid #DDDDDD;
    color: #000000;
    height: 25px;
    background-color: #FFFFFF;
	margin-top:5px;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	margin-left: 20px;
}
#terms-title{
	cursor:pointer;
}
#terms-content{
	background-color: #FFFFFF;
    float: left;
    max-height: 250px;
	padding: 5px 5px 0;
    overflow: auto;
    width: 530px;
    margin: 10px 20px;
}
#reg-submit{
	background:url('../images/reg-btn.png') no-repeat;
	width:331px;
	height:40px;
	border:none;
	cursor:pointer;
}
#reg-checkout-submit{
	background:url('../images/reg-checkout-btn.png') no-repeat;
	width:430px;
	height:40px;
	border:none;
	cursor:pointer;
}
#reg-paypal-btn{
	background:url('../images/reg-paypal-btn.png') no-repeat;
	width:430px;
	height:40px;
	border:none;
	cursor:pointer;
}
#reg-okay-btn{
	background:url('../images/reg-okay-btn.png') no-repeat;
	width:430px;
	height:40px;
	border:none;
	cursor:pointer;
}
#btn-forgot{
	background:url('../images/newpassword.png') no-repeat;
	width:132px;
	height:27px;
	border:none;
	margin: 10px 0 0 67px;
	cursor:pointer;
}
#prod-name{
	text-transform: uppercase;
	display: block!important;
	width: 200px!important;
	margin-left: 20px!important;
	float: left!important;
}

.note {
	margin-left: 200px;
	font-family: "Droid Sans","Lucida Grande","Trebuchet MS","Gill Sans",Arial,sans-serif;
	font-size: 11px;
	height: 64px;
	color: gray;
}
.note.error{
	color: red;
}
.inline-signup{
	margin: -8px 12px;
}
#terms-p {
	margin-left: 175px;
}
h2#commercial-d{
	display: block;
	width: 100%;
	border-bottom: 1px solid #CDCDCD;
	height: 52px;
	margin-top: 12px;
	text-align: center;
	font-size: 15px;
}
#product-details-d ul{
	margin-top: 30px;
}
.m-prod{
	float: left;
	width: 243px;
	text-align: left;
	padding: 20px 0 0 10px;
	border: 1px solid #A09F9F;
	height: 68px;
	border-right: none;
}
#product-details-d input[type="radio"]{
	float:left;
}
.m-prod:last-child{
	border-right: 1px solid #A09F9F;
	width: 333px;
}
#product-details-d span{
	float: left;
	margin: 0 10px!important;
	color: #444!important;
	font-weight: bold;
}
#product-details-d p{
	 width:100%;
	 display:block;
	// outline:solid 1px red;
	 float:left;
	 line-height: 20px;
	 color: #5E5E5E;
}
.prod-desc {
	margin-left: 30px;
}
#register .reg-btn{
	width: 100%;
	display: block;
	float: left;
	height: 36px;
	text-align: center;
}
#i-packcode {
	width: 100px!important;
	margin: -5px 5px!important;
	height: 20px!important;
}
#l-packcode{
	width:85px!important;
	margin:0!important;
}
span#prod-price,span#prod-price-f {
	color: #358F19!important;
	text-shadow: 0px 1px 0 #ECE;
	font-weight: bold;
}
span#prod-price-f{
	margin-right: 0px!important;
}
span#prod-price{
	margin-left: 0px!important;
}
	#help-icon{
	margin-top: -1px;
	cursor: pointer;
}
#d-help-wrap{
	width: 100%;
	height: 100%;
	top: -4px;
	position: relative;
	left: 304px;
}
#d-help{
	position: absolute;
	display: none;
	z-index: 100;
	outline: none;
	padding: 8px 16px 12px 16px;
	border: 1px solid #CCC;
	background: white;
}
#a-ok{
	position: relative;
	top: -5px;
}
#de-pack,#er-pack {
	position: relative;
	top: -40px;
	left: -128px;
}
#er-pack{
	color:red!important;
}
#de-pack{
	color: #358F19!important;
}